<template>
	<view>
		<view>
			<view class="topcont">
				<view class="tit">{{ detail.title }}</view>
				<view class="val">发布时间：<text style="padding:0 6rpx;">:</text>{{ detail.createTime }}</view>
				<view class="image">
					<u-swiper :list="detail.pics" radius="0" height="258" :autoplay="false" indicator></u-swiper>
				</view>
				<view class="time"><b>联系人：</b>{{ detail.contactNickname}}</view>
				<view class="time" style="font-weight: bold;padding: 12rpx 0;display: flex;" @click="call_phone(detail.contactMobile)">联系电话：<u--text :text="detail.contactMobile"  color="#8BB950" bold></u--text></view>
				<view class="info">
					<u-parse :content="detail.info"></u-parse>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
import { llhzget } from '@/api/index.js';
export default {
	data() {
		return {
			detail: [],
		};
	},
	onLoad(options) {
		this.get_zjzxget(options.id);
	},
	methods: {
		get_zjzxget(id) {
			llhzget({ id: id }).then((res) => {
				this.detail = res.data;
			});
		},
		call_phone(number){
			uni.makePhoneCall({
				phoneNumber: number 
			});
		},
	}
};
</script>

<style lang="scss">
.topcont {
	padding:24rpx;
	background-color: #fff;
	.tit {
		text-align: left;
		line-height: 40rpx;
		font-weight: bold;
		font-size: 32rpx;
	}
	.val {
		font-size: 24rpx;
		color: #626675;
		text-align: right;
	}
	.image{
		padding:24rpx 0;
	}
	.time{
		font-size: 28rpx;
		line-height: 40rpx;
	}
	.info {
		font-size: 26rpx;
	}
}
</style>